<mat-toolbar>angular2 示例demo
  <div>
    <button mat-button [matMenuTriggerFor]="guide1">示例导航</button>

    <mat-menu #guide1="matMenu">
      <button mat-menu-item routerLink="/list">用户列表</button>
      <button mat-menu-item routerLink="/add">添加用户</button>
      <button mat-menu-item [matMenuTriggerFor]="guide2_1">2_1</button>
      <button mat-menu-item [matMenuTriggerFor]="guide2_2">2_2</button>
    </mat-menu>

    <mat-menu #guide2_1="matMenu">
      <button mat-menu-item [matMenuTriggerFor]="guide3_1">3_1</button>
      <button mat-menu-item [matMenuTriggerFor]="guide3_2">3_2</button>
      <button mat-menu-item [matMenuTriggerFor]="guide3_3">3_3</button>
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
    </mat-menu>

    <mat-menu #guide2_2="matMenu">
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
    </mat-menu>

    <mat-menu #guide3_1="matMenu">
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
    </mat-menu>

    <mat-menu #guide3_2="matMenu">
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
    </mat-menu>

    <mat-menu #guide3_3="matMenu">
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
      <button mat-menu-item>占位</button>
      <button mat-menu-item disabled>占位</button>
    </mat-menu>
  </div>
</mat-toolbar>
<router-outlet></router-outlet>
